$(function () {
    //增加数量
    $('.plus').click(function () {
        // 获取文本的数量
        let num = $(this).prev().val();
        //    递增
        ++num;
        //    把值赋给页面
        $(this).prev().val(num)

        // 计算小计金额
        let price = $(this).closest('li').siblings('.list_price').find('span').text()
        //    console.log(price);
        // 获取单价
        let subtotal = num * price;
        // console.log(subtotal);
        // 把金额显示在页面上
        $(this).closest('li').siblings('.list_sum').find('span').text(subtotal.toFixed(2));
        console.log("单价：" + price, "小计：" + subtotal);
        calcCountPrice()

    })

    //减少数量
    $('.reduce').click(function () {
        // 获取文本的数量
        let num = $(this).next().val();
        //    递减
        --num;
        // 判断
        if (num < 1) num = 1;
        //    把值赋给页面
        $(this).next().val(num);
        // 计算小计金额
        let price = $(this).closest('li').siblings('.list_price').find('span').text()
        //    console.log(price);
        // 获取单价
        let subtotal = num * price;
        // console.log(subtotal);
        // 把金额显示在页面上
        $(this).closest('li').siblings('.list_sum').find('span').text(subtotal.toFixed(2));
        console.log("单价：" + price, "小计：" + subtotal);
        calcCountPrice()
    })
    // 单选框点击事件
    $('.son_check').click(function () {
        // console.log($(this).prop('checked'));
        // 
        // console.log($('.son_check:checked').length);
        // 获取选中子项目的个数(封装)
       /*  let selNum = $('.son_check:checked').length;
        // 子项目的总个数
        let count = $('.son_check').length

        if(selNum===count){
            $('.all_check').prop('checked',true)
        }else{
            $('.all_check').prop('checked',false)
        } */
        isAllSelect()

        calcCountPrice()
    })


    function isAllSelect(){
        let selNum = $('.son_check:checked').length;
        // 子项目的总个数
        let count = $('.son_check').length

        if(selNum===count){
            $('.all_check').prop('checked',true)
        }else{
            $('.all_check').prop('checked',false)
        }
    }


    // 删除所有选中的商品
 /*    $('.delallsel').click(function(){

        if(window.confirm('确定要删除吗？')){
            alert('删除')
        }

        $('.son_check:checked').closest('ul').remove();
    }) */

     // 删除所有选中的商品
     $('.delallsel').click(function(){

        if(window.confirm('确定要删除吗？')){
           $('.son_check:checked').closest('ul').remove();
           calcCountPrice()
           

           let len = $('.order_content').children().length;
           if(len===0){
            $('.all_check').prop('checked',false)
            
           }
        }   
    })

   /*  // 删除选中的商品
    $('.delbtn').click(function(){
        $(this).closest('ul').remove();
        calcCountPrice()
    }) */

     // 删除选中的商品
     $('.delbtn').click(function(){
        
        if(window.confirm('确定要删除吗？')){
            $(this).closest('ul').remove();
            calcCountPrice()
 
            isAllSelect()
            
            let len = $('.order_content').children().length;
            if(len===0){
             $('.all_check').prop('checked',false)
             
            }
         }   
        
    })


    function calcCountPrice() {
        let count = 0;     //总的选中的商品的数量
        let total = 0.00;  //总金额
        $('.son_check:checked').each(function (i, v) {
            // 计算数量
            //    取出对应的数量
            let num = $(v).parent().siblings('.list_amount').find('.sum').val();
            count += window.parseInt(num);
            // console.log(num);

            // 计算总价
            let subtotal = $(this).parent().siblings('.list_sum').find('span').text();
            total += window.parseFloat(subtotal);


        })
        // 把数量显示在页面上
        $('.amount').text(count);
        $('.totalprice').text(total);
    }
    // 全选
    $('.all_check').click(function () {
        // 把自己的状态赋给子项目
        $('.son_check').prop('checked', $(this).prop('checked'));
        calcCountPrice()
    })



})